/**
 *该CSS文件用于定义深色主题样式
 */

/*背景颜色*/
:root {
  --bg-color1: #535353;
  --bg-color2: #f1f1f1;
  --bg-color3: #6f6f6f;
  --bg-color4: #868383;
  --bg-color5: #6d6d6d;
  --bg-color6: #434343;
  --bg-color7: #424242;
  --bg-color8: #848181;
  --bg-color9: #d5d4d4;
  --bg-color10: #454545;
  --bg-color12: #0078d7;
  --bg-color13: #e6a234;
  --bg-color14: #2c2c2c;
  --bg-color15: #0165b3;
  --bg-color16: #282828;
  --bg-color17: #3673a3;
  --bg-color18: #0698f9;
  --bg-color20: #757070;
  --bg-color21: #878787;
  --bg-color22: #6f6f6f;
  --bg-color23: #939393;
  --bg-color24: #939393;
  --bg-color25: #282828;
  --bg-color26: #868383;
  --bg-color27: #d5d4d4;
  --bg-color28: #f1f1f1;
}

/*字体颜色*/
:root {
  --text-color1: #d5d5d5;
  --text-color2: #282828;
  --text-color3: #b6b6b6;
  --text-color4: #a0a0a0;
  --text-color5: #f1f1f1;
  --text-color6: #0698f9;
  --text-color7: #434343;
  --text-color8: #ffffff;
  --text-color9: #2675b3;
  --text-color10: #ffffff;
  --text-color11: #ffffff;
  --text-color12: #d5d5d5;
  --text-color13: #c5c555;
}

/*边框颜色*/
:root {
  --border-color1: #2a2a2a;
  --border-color2: #0078d7;
  --border-color3: #666666;
  --border-color4: #2c2c2c;
  --border-color5: #747474;
  --border-color6: #424242;
  --border-color7: #333333;
  --border-color8: #0698f9;
  --border-color9: #585858;
  --border-color10: #484545;
  --border-color11: #E9E116;
  --border-color12: #FF0000;
}

/*阴影*/
:root {
  --box-shadow1: rgb(55, 53, 53);
  --box-shadow2: #463f3f;
  --text-danger-color: #e62323;
  --text-danger-border-color: #e62323;
  --text-danger-bg-color: #e62323;
}

/*文本*/
.text-danger-color {
  color: #e62323;
}

.text-danger-bg-color {
  background-color: #e62323;
}

.text-danger-border-color {
  color: #e62323;
}

/*多选框*/
label {
  color: #d5d5d5;
}

/*关闭x*/
.closeBtn, .el-dialog__headerbtn .el-dialog__close {
  color: var(--text-color3);
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.closeBtn:hover, .el-dialog__headerbtn .el-dialog__close:hover {
  color: var(--text-color5);
}

/*nav*/
.nav-tabs {
  border-bottom: 1px solid var(--border-color3);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--text-color6);
  cursor: pointer;
  background-color: var(--bg-color1);
  border-color: var(--border-color3);
  border-bottom: 1px solid var(--bg-color1);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  outline: none;
  background-color: var(--bg-color10);
}

.nav-tabs .nav-link:hover {
  border-color: var(--border-color5);
  border-bottom: 1px solid var(--bg-color1);
  background: unset;
}

/*注释*/
.comment-list .comment-info-color {
  color: #2589f5;
}

.comment-list .reply-info-color {
  color: #4d9e76;
}

.comment-list .comment-message-text {
  color: #bbbbbb;
}

/*Logo*/
.logo-img:hover {
  filter: drop-shadow(1px 4px 1px #848484);
}

/*queryList*/
.dialog-query-list, .dialog-sketch-list {
  background-color: #1585c575;
  color: var(--text-color5);
  border: 1px solid #9e9b9b;
}

.list-warn {
  background-color: #6d6d6d;
  border: 1px solid #8c8080;
}

.list-normal {
  background-color: #595858;
  border: 1px solid #8c8080;
}

.list-highlight-li {
  background-color: rgba(255, 255, 255, .1);
}

/*blurOverLoading*/
.blur-mark {
  background-color: #666666;
}

/*ISoroll*/
.iScrollIndicator {
  background-color: #434343 !important;
}

/*自定义滚动条*/
::-webkit-scrollbar-thumb {
  background-color: var(--bg-color4);
}

/*更新公告*/
#notify-update {
  color: #ffffff;
  background: gray;
}

/*快捷键*/
.shortcut-key-item-header, .shortcut-key-item-selected, .shortcut-key-item:hover {
  background-color: #5d5a5a;
}

/*颜色设置*/
.colorschema-menu {
  background-color: #5d5a5a;
}

/*主题切换按钮*/
.theme-toggle .toggle-track {
  background-color: #555555;
}

/*TreeHouse*/
#treeHouse .common-bg {
  background-color: #535353;
}

#treeHouse .common-bg:hover, .common-bg.light {
  border-color: #909399;
  background-color: #606266;
}

#treeHouse .clone-content-bg {
  background-color: #535353;
}